<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>{$cat_name}</title>
<link type="text/css" rel="stylesheet" href="__STATIC__/index/css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="__STATIC__/index/css/common.css">
<link type="text/css" rel="stylesheet" href="__STATIC__/index/css/list.css">
<script type="text/javascript" src="__STATIC__/index/js/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/index/js/bootstrap.min.js"></script>
<script type="text/javascript" src="__STATIC__/index/js/superslide.2.1.js"></script>
<script type="text/javascript">
//js无缝滚动代码
function marquee(i, direction){
	var obj = document.getElementById("marquee" + i);
	var obj1 = document.getElementById("marquee" + i + "_1");
	var obj2 = document.getElementById("marquee" + i + "_2");
	if (direction == "up"){
		if (obj2.offsetTop - obj.scrollTop <= 0){
			obj.scrollTop -= (obj1.offsetHeight + 20);
		}else{
			var tmp = obj.scrollTop;
			obj.scrollTop++;
			if (obj.scrollTop == tmp){
				obj.scrollTop = 1;
			}
		}
	}else{
		if (obj2.offsetWidth - obj.scrollLeft <= 0){
			obj.scrollLeft -= obj1.offsetWidth;
		}else{
			obj.scrollLeft++;
		}
	}
}

function marqueeStart(i, direction){
	var obj = document.getElementById("marquee" + i);
	var obj1 = document.getElementById("marquee" + i + "_1");
	var obj2 = document.getElementById("marquee" + i + "_2");

	obj2.innerHTML = obj1.innerHTML;
	var marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
	obj.onmouseover = function(){
		window.clearInterval(marqueeVar);
	}
	obj.onmouseout = function(){
		marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
	}
}
</script>
</head>


<body class="page_newsList">


<!--  header  -->
<div class="header clearfix">
	
	<!--  焦点图  -->
	<div class="fullSlide text-center clearfix">
		<div class="bd">
			<ul class="list-unstyled">
				<li _src="url(__STATIC__/index/img/banner01.jpg)" style="background: #0A1D43 center center no-repeat;"><a href="#" target="_blank"></a></li>
				<li _src="url(__STATIC__/index/img/banner02.jpg)" style="background: #C30D23 center center no-repeat;"><a href="#" target="_blank"></a></li>
				<li _src="url(__STATIC__/index/img/banner03.jpg)" style="background: #7D0AE3 center center no-repeat;"><a href="#" target="_blank"></a></li>
			</ul>
		</div>
		<div class="hd"><ul></ul></div>
	</div>
	<!--  焦点图 end  -->
	
	<!--  头部导航  -->
	<div class="top-nav-bg"></div>
	<div class="top-nav clearfix">
		<div class="width-common margin-auto">
			<div class="nav-left pull-left">
				<a href="#" target="_blank" class="logo pull-left"></a>
				<ul class="menu pull-left list-unstyled">
					<li><a href="{:url('index/index')}" target="_blank">首页</a></li>
					<li><a href="{:url('index/li',array('parent_id'=>3))}" target="_blank">膳食</a></li>
					<li><a href="{:url('index/li',array('parent_id'=>4))}" target="_blank">运动</a></li>
					
				</ul>
			</div>
			<div class="nav-right pull-right">
				<ul class="menu-right pull-right list-unstyled">
					<li class="login"><a href="{:url('login/login')}" target="_blank">登录</a></li>
					<li class="login"><a href="{:url('login/reg')}" target="_blank">注册</a></li>
			
				</ul>
			</div>
		</div>
	</div>
	<!--  头部导航 end  -->


</div>
<!--  header end  -->


<!--  状态栏  -->
<div class="status-bar clearfix bg-fff">
	<div class="width-common margin-auto">
		<h5 class="title pull-left">{$cat_name}</h5>
		<!--  当前位置  -->
		<div class="location pull-right">
			<span class="name pull-left">您当前位置：</span>
			<a href="#" target="_blank" class="upper">首页</a>
			<span class="upper">膳食</span>
		</div>
		<!--  当前位置 end  -->
	</div>
</div>
<!--  状态栏 end  -->


<!--  container-wrap  -->
<div class="container-wrap width-common margin-auto clearfix">
	
	<!--  页面左边  -->
	<div class="pull-left width-left">
		
		<!--  列表  -->
		<div class="news-list clearfix mt30 bg-fff">
			{volist name="list" id="vo"}
			<div class="list03 clearfix">
				<div class="imgs"><a href="{:url('index/detail',array('art_id'=>$vo.art_id))}" target="_blank"><div><img src="__ROOT__{$vo.thumb_image}"></div></a></div>
				<div class="title">
					<h2 class="pull-left"><a href="{:url('index/detail',array('art_id'=>$vo.art_id))}" target="_blank">{$vo.title}</a></h2>
					<!--<span class="pull-right command">453</span>
					<span class="pull-right view">3532</span>-->
				</div>
				<p class="info">
					<span class="pull-left">作者：{$vo.writer}</span>
					<span class="pull-left">{$vo.create_time}</span>
				</p>
				<p class="des">{$vo.content|html_entity_decode|substr=0,200}<a href="{:url('index/detail',array('art_id'=>$vo.art_id))}" target="_blank">[详情]</a></p>
			</div>
			{/volist}
		</div>
		<!--  列表 end -->

		<div class="pager clearfix tc mt30">
			{$list->render()}
		</div>

	</div>
	<!--  页面左边 end  -->

		
	<!--  页面右边  -->

		


	<!--  页面右边 end  -->

</div>
<!--  container-wrap end  -->


<!--  footer  -->
{include file="public/footer"}
<!--  footer end  -->

<!--  弹出登录窗口  -->
<div class="pop-login-box" style="display: none;">
	<div class="bg"></div>
	<div class="content oh">

		<div class="title text-center">
			<h1>登&nbsp;录</h1>
			<a href="#" class="btn-close">关闭</a>
		</div>
		<ul class="nav text-center" role="tablist">
			<li role="presentation" class="active"><a href="#login1" aria-controls="login1" role="tab" data-toggle="tab">账号密码登录</a></li>
			<li role="presentation"><a href="#login2" aria-controls="login2" role="tab" data-toggle="tab">手机验证码登录</a></li>
		</ul>
		<div class="tab-content">
			<!--  账号密码登录  -->
			<div role="tabpanel" class="tab-pane active" id="login1">
				<div class="form-group user">
					<input type="text" class="form-control" placeholder="请输入用户名">
					<i></i>
				</div>
				<div class="form-group pass">
					<input type="password" class="form-control" placeholder="请输入密码">
					<i></i>
				</div>
				<div class="form-group remember">
					<div class="checkbox pull-left"><label><input type="checkbox" value="">记住我</label></div>
					<a href="#" target="_blank" class="forget pull-right">忘记密码？</a>
				</div>
				<button class="btn btn-primary" type="button">立即登录</button> 
			</div>
			<!--  账号密码登录 end  -->
			<!--  手机验证码登录  -->
			<div role="tabpanel" class="tab-pane" id="login2">
				<div class="form-group user">
					<input type="text" class="form-control" placeholder="请输入用户名">
					<i></i>
				</div>
				<div class="form-group message">
					<input type="text" class="form-control pull-left" placeholder="短信验证码" style="width: 192px;">
					<button class="btn btn-primary pull-right btn-message">获取验证码</button>
					<i></i>
				</div>
				<button class="btn btn-primary" type="button" style="margin-top: 40px;">立即登录</button> 
			</div>
			<!--  手机验证码登录 end  -->
		</div>
	</div>
</div>
<!--  弹出登录窗口 end  -->


<script type="text/javascript">
//头部焦点图代码
$(".fullSlide").slide({
	titCell: ".hd ul",
	mainCell: ".bd ul",
	effect: "fold",
	autoPlay: true,
	autoPage: true,
	trigger: "click",
	startFun: function(i) {
		var curLi = jQuery(".fullSlide .bd li").eq(i);
		if ( !! curLi.attr("_src")) {
			curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
		}
	}
});
</script>


</body>
</html>
